<template>
	<view class="box-shadow bg-w pd30 bdr16 flex">
		<view class="wh120">
			<image class="bdr8" mode="aspectFill" :src="''"></image>
		</view>
		<view class="ws120 pl30">
			<view class="ft16 ftw600 text-over2 text-main">
				3天2晚包食宿 云南大理-洱海-情侣双人游套餐折上… 
			</view>
			<view class="mt20">
				<view class="flex space alcenter ft12">
					<text class="text-notice">已抢200</text>
					<text class="text-theme">还剩20</text>
				</view>
				<view class="totay-progress mt10">
					<view class="totay-progress-main"></view>
				</view>
			</view>
			<view class="mt20 flex space alcenter">
				<view>
					<view class="ft18 ftw600 text-theme">￥299</view>
					<view class="text-notice ft14 text-line">￥1299</view>
				</view>
				<view class="tuan-btn">
					马上抢
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	
	export default{
		data(){
			return {
				
			}
		}
	}
</script>

<style>
	.tuan-btn{
		width:160rpx;
		height:80rpx;
		background:#FF6D00;
		box-shadow:0rpx 8rpx 16rpx 0rpx rgba(255,109,0,0.3);
		border-radius:40rpx;
		text-align: center;
		line-height: 80rpx;
		font-size: 32rpx;
		font-weight: 600;
		color:#FFFFFF;
	}
	.totay-progress{
		position: relative;
		width:100%;
		height:20rpx;
		background:rgba(255,109,0,.1);
		border-radius:10rpx;
	}
	.totay-progress-main{
		position: absolute;
		width: 50%;
		height: 20rpx;
		background: #FF6D00;
		border-radius: 10rpx;
		left: 0;
		top: 0;
	}
</style>